div.publish-box#publish-box-online
  div.action-box#publish-box
    div.publish-button#publish-button
      i.fa.fa-eye
      | #{translator.get("Make public")}

    div#publish-validate-first #{translator.get("You must validate your e-mail address before you can make your project public.")}
    div.publish-text #{translator.get("This project is currently private.")}

  div.action-box#unpublish-box
    div.publish-button#unpublish-button
      i.fa.fa-eye-slash
      | #{translator.get("Make private again")}
    div.publish-text #{translator.get("This project is currently public.")}

    br
    input(type="checkbox" id="publish-listed")
    label(for="publish-listed") #{translator.get("List my project in the Explore section")}
    br
    span.tip #{translator.get("Tick this checkbox if you want your project to show up in the Explore section.")}
    br
    div#publish-checklist.tip #{translator.get("Your project will be reviewed before it shows up in the Explore section. Make sure that your project complies with the following:")}
      ul
        li #{translator.get("Your project is an original work.")}
        li #{translator.get("You have created your own nice icon for your project.")}
        li #{translator.get("You made the assets in your project yourself (sprites, sounds, music), or you made sure that you are allowed to use and publish the assets.")}
        li #{translator.get("If you are using an asset pack, you made sure to add the required credits and generally comply with the license of the asset pack.")}
    br
    h3 #{translator.get("Public link")}
    a(target="_blank")#publish-public-link


  h2 #{translator.get("Make public on microStudio")}

  p #{translator.get("Making your project public will allow it to be listed in the Explore section of the site. Public projects can be run and used by anyone. Making a project public allows anyone to view and possibly reuse the source code.")}

  h3 #{translator.get("Description")}
  div.tip #{translator.get("You can use markdown in your description")}
  textarea#publish-box-textarea(rows=5 cols=60)

  h3 #{translator.get("Tags")}
  input#publish-add-tags(type="text")
  div.validate-button-container#publish-add-tags-button
    div.validate-button <i class="fa fa-plus"></i> #{translator.get("Add")}

  div#publish-tag-list
  div(style="clear: both") &nbsp;

div.publish-box
  div.action-box#html-export
    div.publish-button
      i.fa.fa-download
      | #{translator.get("Export to HTML5")}

  h2 #{translator.get("Export to HTML5")}
  p #{translator.get("Exporting to HTML5 allows you to distribute your game as a web app or a standalone HTML app. Unzip contents, double-click index.html to start the game, or upload the contents to a subfolder of your existing web site.")}
  p #{translator.get("You can also easily publish your HTML5 game on a number of platforms supporting HTML5 games. We have listed a few popular ones below, which you can check out:")}

  div.logos
    a(href="https://itch.io" target="_blank" style="background-image:url(/img/itchio.svg);" title="itch.io")
    a(href="https://gamejolt.com" target="_blank" style="background-image:url(/img/gamejolt.png);" title="Gamejolt")
    a(href="https://gamedistribution.com" target="_blank" style="background-image:url(/img/gamedistribution.svg);" title="Game Distribution")
    a(href="https://gamepix.com" target="_blank" style="background-image:url(/img/gamepix.png);" title="Gamepix")
    a(href="https://crazygames.com" target="_blank" style="background-image:url(/img/crazygames.svg);" title="CrazyGames")

div.publish-box#publish-box-server
  div.action-box#server-export
    div.publish-button
      i.fa.fa-download
      | #{translator.get("Export Server NodeJS app")}

  h2 #{translator.get("Export Server NodeJS app")}
  p #{translator.get("Export your game server as a NodeJS app ready to be installed on your own server.")}
  p #{translator.get("You can find instructions about setting up your server in the Advanced / Networking section of the documentation.")}

div.publish-box#publish-box-android
  img.title(src="/img/android_robot.svg")
  div.action-box#android-export
    div.publish-button
      i.fa.fa-wrench
      | #{translator.get("Build for Android")}

  h2 #{translator.get("Build for Android")} <span class="beta">beta</span>
  p #{translator.get("This will build an APK file of your game. An APK file is what you need to publish your game on the Google Play Store, for Android devices.")}
  div.clear

div.publish-box#publish-box-windows
  img.title(src="/img/windows.svg")
  div.action-box#windows-export
    div.publish-button
      i.fa.fa-wrench
      | #{translator.get("Build for Windows")}

  h2 #{translator.get("Build for Windows")} <span class="beta">beta</span>
  p #{translator.get("This will build your game as an executable for Windows (.EXE).")}
  div.clear


div.publish-box#publish-box-macos
  img.title(src="/img/macos.svg")
  div.action-box#macos-export
    div.publish-button
      i.fa.fa-wrench
      | #{translator.get("Build for macOS")}

  h2 #{translator.get("Build for macOS")} <span class="beta">beta</span>
  p #{translator.get("This will build your game as an executable for macOS.")}
  div.clear

div.publish-box#publish-box-linux
  img.title(src="/img/ubuntu.svg")
  div.action-box#linux-export
    div.publish-button
      i.fa.fa-wrench
      | #{translator.get("Build for Linux")}

  h2 #{translator.get("Build for Linux")} <span class="beta">beta</span>
  p #{translator.get("This will build your game as an executable for Linux (Ubuntu, x86).")}
  div.clear

div.publish-box#publish-box-raspbian
  img.title(src="/img/raspberry.svg")
  div.action-box#raspbian-export
    div.publish-button
      i.fa.fa-wrench
      | #{translator.get("Build for Raspberry Pi")}

  h2 #{translator.get("Build for Raspberry Pi")} <span class="beta">beta</span>
  p #{translator.get("This will build your game as an executable for Raspberry Pi (Raspbian).")}
  div.clear
